<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>合拍街</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../iconfont/iconfont.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<header id="header">
    <a href="user_login.html" class="iconfont fl">&#xe63f;返回</a>
    <div class="title">个人信息</div>
    <a href="#" class="iconfont fr">&#xe6a0;</a>
</header>
<div class="content u-index">
    <div class="userbox">
        <div class="userbox-1 clearfix">
            <div class="userimg fl">
                <img src="../images/user.png">
            </div>
            <img class="vip" src="../skin/xhdpi/vip1.png">
            <div class="occupation fr"><a href="user_info.html">编辑</a></div>
            <div class="username fr">小诺</div>
        </div>
        <div class="userbox-2">
            <ul class="clearfix">
                <li>
                    <a href="#"><span><label>0</label>关注</span></a>
                </li>
                <li>
                    <a href="#"><span><label>0</label>粉丝</span></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="ul-list user-index">
        <ul>
            <li>
                <a href="user_vip.html" class="arrow-right">
                    <i class="iconfont crown"></i>我的会员
                    <label class="fr">2017.11.22到期</label>
                </a>
            </li>
            <li>
                <a href="user_order.html" class="arrow-right">
                    <i class="iconfont order"></i>我的订单
                </a>
            </li>
            <li>
                <a href="user_release.html" class="arrow-right">
                    <i class="iconfont release"></i>我的发布
                </a>
            </li>
            <li>
                <a href="user_code.html" class="arrow-right">
                    <i class="iconfont setting"></i>设置
                </a>
            </li>
        </ul>
    </div>
</div>

<footer id="footer" class="foot">
    <ul>
        <li>
            <a class="home" href="../index.html">
                <p>首页</p>
            </a>
        </li>
        <li>
            <a class="find" href="../find/index.html">
                <p>发现</p>
            </a>
        </li>
        <li>
            <a class="camera" href="../ranking/index.html">
                <p>合拍榜</p>
            </a>
        </li>
        <li class="active">
            <a class="person" href="user_login.html">
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
</body>

</html>